<!DOCTYPE HTML>
  <div class="container border-top">
    	<!-- Main body Section-->
        <div class="row bdr-top home-control">
        	<div class="col-lg-4 col-md-4 col-sm-4 column-one">
            	<div class="row">
                	<div class="setup-meeting">
                    	<p>Set up your meeting within miutes</p>
                        <div class="signup-login">
                        	<div class="width50prcnt"><a class="linkgrey" href="#">Sign up</a></div> 
                            <div class="width50prcnt"><a class="linkwhite" href="#">Login</a></div>
                        </div>
                    </div>
                    
                    <div class="home-logo">
                    	<div class="bg-doublequotes">
                        	<h1 class="align-center">Knowledge has to be improved, challenged, and increased constantly, or it vanishes.</h1>
                            <p><img src="resources/images/logo-home.png"></p>
                            <p class="caption">to keep it glowing...</p>
                        </div>
                        <div class="home-quicklinks">
                        	<ul>
                            	<li><a href="#">How it works</a></li>
                                <li>.</li>
                                <li><a href="#">Become an expert</a></li>
                                <li>.</li>
                                <li><a href="#">FAQ's</a></li>
                            </ul>
                        </div>
                    </div>	
                </div>			
            </div>
            
            <div class="col-lg-4 col-md-4 col-sm-4 column-two">
            	<div class="col-lg-12">
                    <div class="home-widget">
                        <h1>Why this?</h1>
                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin tincidunt posuere bibendum. Praesent sagittis accumsan sollicitudin. Vivamus sit amet felis venenatis, lobortis massa sed.</p>
                        <p class="image"><img class="image-auto" src="resources/images/whythis.png"></p>
                    </div>
                
                    <div class="home-widget bdr-bottom-none">
                        <h1>MeetExpert is...</h1>
                        <p>Morbi consectetur pellentesque odio nec aliquam. Nunc eros erat, venenatis a lacus non, tincidunt cursus neque.</p>
                        <p class="image"><img class="image-auto" src="resources/images/meetexpert.png"></p>
                    </div>	
                </div>
            </div>
            
            <div class="col-lg-4 col-md-4 col-sm-4 column-three">
            	<div class="home-widget">
                	<h1>Get Started</h1>
                    <div class="search-skill">
                    	<div class="form-group" ng-submit="search()">
	                    	<input type="text" class="form-control" id="from_field" placeholder="find  experts by skills for eg. Java, Design, SQL etc." ng-model="searchSkill" typeahead="cat.name for cat in categories | filter:selected">
                    	</div>
                    	
                    </div>
                </div>
                
                <div class="home-widget">
                	<h1>Trending Topics</h1>
                    <p class="trending-topics">

                    <a ng-repeat="cat in categories" href="#/scategory/{{cat.id}}" >
                    	<strong>{{cat.name}}</strong>
                    </a>

                    </p>
                </div>
                
                <div class="home-widget">
                	<h1>Most Rated Experts <span><a href="#">more »</a></span></h1>
                    <div class="row profile-padding">
                    	<div class="experts-block" ng-repeat="expert in experts">
                        	<img src="{{expert.imagePath}}">
                        </div>
                        
                        <div class="clearfix"></div>
                    </div>
                </div>	
                
                <div class="home-widget">
                	<h1>Recent Sessions <span><a href="#">more »</a></span></h1>
                    <div class="row profile-padding">
                    	<div class="experts-block" ng-repeat="session in sessions">
                        	<img src="{{session.expertDTO.imagePath}}">
                        </div>
                        <div class="clearfix"></div>
                    </div>
                </div>	
            </div>
        </div>
        <!-- Main body Section-->
        
        <!-- Footer Section-->
        <div class="row footer">
            <ul>
                <li><a href="#">Home</a></li>
                <li>|</li>
                <li><a href="#">About</a></li>
                <li>|</li>
                <li><a href="#">Contact Us</a></li>
            </ul>
        </div>
        <!-- Footer Section-->
    </div>